@font-face {
  font-family: mongolianFont;
  src: url('../DelehiTig/delehi/mnglwritingotf.ttf');
}
body {
  background-color: #f5f5f5;
}
.container {
  max-width: 800px;
  margin: 10px auto;
}
.row {
  border-radius: 5px;
  background-color: rgba(30, 143, 255, 0.253);
  margin-top: 90px;
}
.btn {
  width: 60px;
  height: 24px;
  font-size: 12px;
  background-color: white;
  padding: 0;
}
.in_mongo {
  max-width: 356px;
  height: 318px;
  font-family: mongolianFont;
  writing-mode: vertical-lr;
  margin-top: 5px;
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: hidden;
}
.t-img {
  margin: 0 20px;
  cursor: pointer;
}
textarea {
  margin-top: 5px !important;
}
.form-control {
  height: 318px !important;
}
.btn-div {
  padding: 120px 34px;
  text-align: center;
}
.btn-trans {
  height: 40px;
}
.in-text {
  padding: 20px 0 20px 20px;
}
.tgt-div {
  margin-top: 33px;
  padding: 20px 20px 20px 0;
}
.tgtText {
  width: 356px;
  height: 318px;
  background-color: #ffff;
  border: 1px solid  rgba(128, 128, 128, 0.376);
  border-radius: 5px;
  padding: 10px 0;
  writing-mode: vertical-lr;
  overflow-y: hidden;
}
.tgtText p {
  font-size: 24px;
  font-family: mongolianFont;
}
.zh_text {
  width: 356px;
  height: 318px;
  background-color: #ffff;
  border: 1px solid  rgba(128, 128, 128, 0.376);
  border-radius: 5px;
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}

/* -------- 平板屏幕 ---------- */
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    margin: 40px auto;
  }
  .row {
    background-color: rgba(30, 143, 255, 0.253);
  }
  .in-text {
    padding: 20px 0 20px 30px;
  }
  .btn-div {
    padding: 100px 30px;
  }
  .tgtText {
    background-color: white;
  }
}
/* ----------- 手机 ------------- */
@media screen and (max-width: 767px) {
  .container {
    margin: 20px auto;
  }
  .row {
    margin: 0 2px;
  }
  .t-img {
    margin: 0 10px;
  }
  .in-text {
    padding:  10px 20px 10px;
  }
  .form-control {
    height: 280px !important;
  }
  .btn-div {
    padding: 0 0 0 72%;
  }
  .tgt-div {
    margin-top: 10px !important;
    padding: 0 0 20px;
  }
  .tgtText {
    width: 90%;
    height: 280px;
    margin: 0 15px;
  }
  .tgtText p {
    font-size: 18px;
  }
  .zh_text {
    width: 90%;
    height: 280px;
    margin: 0 15px;
  }
}
